<template>
	<div>
		<el-container>
		  <el-aside width="200px">
			<navmenu></navmenu>
		  </el-aside>
		  <el-container>
		    <el-header>
				<loginout></loginout>
			</el-header>
		    <el-main>
				<router-view></router-view>
			</el-main>
		  </el-container>
		</el-container>
	</div>
</template>

<script>
	import navmenu from"./component/navmenu.vue"
	import loginout from "./component/LoginOut.vue"
	export default{
		name:"home",
		components:{navmenu,loginout},
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped="scoped">
	   .el-header{
	     background-color: #B3C0D1;
	     color: #333;
	     text-align: center;
	     line-height: 60px;
		 display: flex;
		 justify-content: flex-end;
	   }
	   
	   .el-aside {
	     background-color: #D3DCE6;
	     color: #333;
	     text-align: center;

	   }
	   
	   .el-main {
	     background-color: #E9EEF3;
	     color: #333;

	   }
	   
	   .el-container {
	    height: 100vh;
	   }
	   
	  
	  
</style>
